<!DOCTYPE HTML>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html;" charset="UTF-8"/>
    <title>{% block title %}{% endblock %}</title>
    {% load static %}
    <link rel="icon" href="{% static 'appcrawler/img/logo.ico' %}" type="image/x-icon"/>
    <link rel="stylesheet" href="{% static 'appcrawler/css/bootstrap.min.css' %}" type="text/css"/>
    <link rel="stylesheet" href="{% static 'appcrawler/css/mystyle.css' %}" type="text/css"/>
    <link href="{% static 'appcrawler/css/amazeui.min.css' %}" rel="stylesheet">
    <link href="{% static 'appcrawler/css/admin.css' %}" rel="stylesheet">
    <link href="{% static 'appcrawler/css/bootstrap.min.css' %}" rel="stylesheet">
    <link rel="stylesheet" href="{% static 'appcrawler/jquery-ui-1.12.1/jquery-ui.css' %}">
</head>
<style>
    .case{float:left}
    .wrap{
        width: 110px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;}
    .scroll {
        width:100%;
        height:100%;
        overflow: scroll;}
    .longwrap{
        width: 250px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;}
    .modal-content {
            // 宽度自适应内容
            width: fit-content;
            // 流出间隙
            padding: 0.2rem 0.4rem;
        }
</style>

<body>
<div id="contains">
    <div class="navdiv;">
        <nav class="navbar navbar-default navbar-fixed-top head-top">
            <div class="container">
                <div class="navbar-header">
                    <ul class="nav navbar-nav navbar-left">
                        <li>
                            <a href="http://172.29.2.61/login/shouye.done" class="navbar-brand btn-lg">
                            <span class="am-icon-home"></span> 首页</a>
                        </li>
                    </ul>
                </div>
                <ul class="nav navbar-nav navbar-left">
{#                    <li><a href="http://172.29.2.61/StaticMock.html" target="_blank"><span class="am-icon-skyatlas"></span> 测试挡板平台</a></li>#}
                    <li class="{% block yunPhone  %}{% endblock %}"><a href="/appcrawler"><span class="am-icon-mobile-phone"></span> 云真机</a></li>
                    <li class="{% block helpAPP  %}{% endblock %}"><a href="/appHelp" target="_blank"><span class="am-icon-child"></span> 移动端数据集市</a></li>
                    <li class="{% block sharedSquare  %}{% endblock %}"><a href="/sharedSquare" style="color:#ffffff" target="_blank"><span class="am-icon-flag"></span> 共享广场</a></li>
                </ul>
{#                <ul class="nav navbar-nav navbar-right">#}
{#                    <li><a href="http://172.29.2.61/admin/login/" target="_blank" style="color:#ffffff">后台管理系统</a></li>#}
{#                </ul>#}
            </div>
        </nav>
    </div>
</div>
<script src="{% static 'appcrawler/js/jquery-3.2.1.min.js' %}"></script>
<script src="{% static 'appcrawler/js/bootstrap.js' %}"></script>
<script src="{% static 'appcrawler/js/app_c.js' %}"></script>
<div class="containter scroll" style="margin:50px auto 100px auto;">
    {% block content %}{% endblock %}
</div>
</body>
</html>